import React from 'react'
import { Link, Outlet } from 'react-router-dom'

const Layout: React.FC = () => {
  return (
    <div className='App'>
      <h2>hello react!</h2>
      <div className='App-img'></div>
      <div className='App-content'>
        <ul>
          <li>
            <Link to="/Computer">Computer</Link>
          </li>
          <li>
            <Link to="/Phone">Phone</Link>
          </li>
          <li>
            <Link to="/Counter">Counter</Link>
          </li>
        </ul>
      </div>

      <hr/>

      <Outlet />

    </div>
  )
}

export default Layout